<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>上传文件</title>
    <link rel="stylesheet" href="css/base.css" />
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/fileUpload.css">
</head>

<body>

<div class="fileBox">
    <p class="fileInputP vm">
        <i>选择文件</i>
        <input type="file" multiple id="fileInput" />
    </p>
    <span id="fileSpan" class="vm">或者将文件拖到此处</span>
    <div class="mask"></div>
</div>

<table width="50%" border="1" class="fileList_parent">
    <thead>
    <tr>
        <th>Name</th>
        <th>Extension</th>
        <th>Size</th>
        <th>Operation</th>
        <th>Message</th>
    </tr>
    </thead>

    <tbody class="fileList">
    </tbody>

</table>
<input type="button" value=" Upload " id="fileBtn" />&nbsp;&nbsp;&nbsp;<input type="button" value=" Clear " id="clearBtn" />
<script type="text/javascript" src="js/fileUpload.js"></script>
</body>
</html>
